<template>
  <div id='temp'>
      <div class="title">
        <h4 v-text='info.title'></h4>
        <p>{{info.add_time | datefmt("YYYY-MM-DD")}} {{info.click}}次浏览</p>
      </div>
      <p class='line'></p>
      <div id='content' v-html="info.content"></div>
      <comment :id="id"></comment>
  </div>
</template>
<script>
import { Toast } from 'mint-ui';
import common from "../../kits/common.js";

//导入评论子组件
import comment from '../subcom/comment.vue';
export default {
 
  data () {
    return {
        info:{},//只有一个对象就不用遍历
        id:0
    };
  },
  created(){
      //获得url传入的参数id的值，赋值给data中的id
      this.id=this.$route.params.id;//参数中的id与路由中的id保持一致 
      this.getnewsinfo();
  },
  methods:{
      getnewsinfo(){
          this.$http.get(common.apidomain+"/api/getnew/"+this.id).then(function(res){
              var data=res.body;
              if(data.status!=0){
                    Toast(data.message);
                    return;
                }
                this.info=data.message[0];
          })
      }
  },
  //注册评论子组件
  components:{
      comment
  }
}
</script>
<style scoped>
    .title,#content{
        padding:10px;
    }
    .title h4{
        color:#0094ff;
    }
    .title p{
        color:rgba(0,0,0,.5);
    }
    .line{
        height: 1px;
        background-color: rgba(0,0,0,.4);
    }
</style>
